<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
export default {
	name: 'App',
	created() {
		// 解决vuex刷新重置的问题
		// 思路就是监听页面重刷新 再刷新前将state的参数存入sessionStorage
		// 在app.vue中首次加载时判断sessionStorage是否有值 有则取出来赋值给store.state
		// 如果不是登录状态等需要浏览器关闭且下次打开仍需存在的状态 使用sessionStorage即可
		if (sessionStorage.getItem('store')) {
			this.$store.replaceState(
				Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem('store')))
			)
		}
		window.addEventListener('beforeunload', () => {
			sessionStorage.setItem('store', JSON.stringify(this.$store.state))
		})
	},
}
</script>

<style>
/* 引入初始化样式 */
@import '~@/assets/css/reset.css';
#app {
	width: 100%;
	height: 100vh;
}
.flex {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}
</style>
